<template>
	<view>
		<scroll-view :class="['diy-cat-'+param.cat_position, 'flex-grow-0']" :scrollIntoView="'cat-'+param.cat_index>=2?param.cat_index-2:0" scrollWithAnimation="true" :scrollX="param.cat_position == 0" :scrollY="param.cat_position == 1" v-if="param.list.length>1||param.cat_position==1">
        <view :class="param.cat_position==0?'flex-row':''">
            <form @submit="$emit('_formIdSubmit',$event)" class="flex-grow-0" data-bind="catBind" :data-index="index" :data-template="template_index" :id="'cat-'+index" reportSubmit="true" v-for="(item,index) in param.list" v-key="item.id">
                <button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
                    <view @tap="$emit('catBind',$event)" :class="['diy-cat-one-'+param.cat_position==1?2:param.cat_style, index==param.cat_index?'active':'', 'flex-y-center flex-x-center']">
                        <view class="text-more text-center">{{item.name}}</view>
                    </view>
                </button>
            </form>
        </view>
    </scroll-view>
	</view>
</template>

<script>var myVue = {};
	export default {
		props:['param','template_index','__wxapp_img','show_notice','play','time_all'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>

</style>
